type Props = {
  className?: string;
  onClick?: (e: any) => void;
};

export const RightChevron = ({ className, onClick=undefined }: Props) => {
  return (
    <svg
      onClick={() => onClick}
      className={className}
      width="77"
      height="77"
      viewBox="0 0 77 77"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M27.7587 56.8645C27.228 56.313 26.9381 55.5733 26.9525 54.8081C26.967 54.0429 27.2846 53.3147 27.8357 52.7835L42.997 38.5L27.8357 24.2165C27.5495 23.9569 27.3183 23.6424 27.1558 23.2918C26.9933 22.9412 26.9029 22.5615 26.8898 22.1753C26.8768 21.7891 26.9414 21.4042 27.0798 21.0434C27.2183 20.6826 27.4277 20.3533 27.6958 20.0749C27.9638 19.7966 28.285 19.5748 28.6403 19.4229C28.9956 19.2709 29.3778 19.1919 29.7643 19.1903C30.1507 19.1888 30.5335 19.2649 30.89 19.414C31.2465 19.5631 31.5695 19.7823 31.8397 20.0585L49.1647 36.421C49.4442 36.6904 49.6664 37.0133 49.8183 37.3705C49.9701 37.7277 50.0483 38.1119 50.0483 38.5C50.0483 38.8882 49.9701 39.2723 49.8183 39.6295C49.6664 39.9867 49.4442 40.3097 49.1647 40.579L31.8397 56.9415C31.2881 57.4722 30.5485 57.7621 29.7833 57.7477C29.018 57.7333 28.2898 57.4156 27.7587 56.8645Z"
      />
    </svg>
  );
};
